<template>
	<!--
    	作者：fuyuan
    	时间：2019-07-18
    	描述：用户
    -->
	<div class="Announcements">
		<div class="location">
			<div class="location-text fl">
				<img class="location-img fl" src="../../images/commentManagement/commentManagement.png" />
				<p class="fr">评论列表</p>
			</div>
			<img class="biaotibg fl" src="../../images/home/biaotibg.png" />
		</div>
		<div class="search-box">
			<div class="fl">
				<input name="search" class="search" id="searchUserVal" type="text" placeholder="请输入标题或发布人" v-model="search"/>
				<input class="btn" @click="getData" type="button" value="搜索" />
			</div>
		</div>
		<div class="PressRelease-list">
			<table>
				<thead>
					<tr>
						<th class="w50">序号</th>
						<th class="w450">标题</th>
						<th class="w70">发布人</th>
						<th class="w70">评论数</th>
						<th class="w70">收藏数</th>
						<!--<th class="w70">操作</th>-->
					</tr>
				</thead>
				<tbody>
          <tr v-if="total==0">
            <td colspan="5">暂无数据！</td>
          </tr>
					<tr v-for="(article,index) in articleList">
						<td>{{index+1}}</td>
						<td :title="article.title" @click="toCommentManagement(article.id)"><span class="show-oneline-table">{{article.title}}</span></td>
						<td>{{article.publisher}}</td>
						<td>{{article.commentNum}}</td>
            <td>{{article.collectionNum}}</td>
					</tr>
				</tbody>
			</table>
			<!--total  数据总数   size  一页多少条数据   page  当前页码    changge 返回当前选择的页码  改变一页显示条 child  返回值就是一页显示条数  -->
			<pageination :total="total" :size="size" :page="page" :changge="pageFn"></pageination>
		</div>
	</div>
</template>

<script src="./commentManagement.js"></script>

<style scoped>
	@import "commentManagement.css";
</style>
